Capstone video guide for building new portfolio projects - Part 2
作品集專案製作影片指南（第二部分）
開展可用性研究前的準備（Before the Usability Study）
1. 制定 UX 研究計劃（Research Plan）
UX 研究計劃是整個可用性測試的基礎，包含七個關鍵部分：
- 專案背景：說明進行此次研究的背景與動因。
- 研究目標：明確你希望透過此次研究解決什麼問題或實現什麼結果。
- 研究問題：制定具體、可執行的問題，用於指導研究方向（非直接向使用者提問的問題）。
- 關鍵績效指標（KPIs）：衡量專案是否取得進展的關鍵指標。
- 研究方法：說明資料如何收集與分析。
- 參與者招募標準：選定合適的使用者參與研究，建議包括目標社群成員。
- 討論指引（研究指令碼）：為訪談或任務制定提問順序與話術。
執行可用性測試（Conducting the Usability Study）
有主持測試（Moderated）：研究人員實時引導參與者。
無主持測試（Unmoderated）：參與者獨立完成測試並錄製過程。
樣本量建議：推薦 5–8 位參與者，平衡資料質量與成本控制。
資料分析流程（四步驟）：
- 收集資料：整理所有觀察記錄（如便籤、文件、表格）。
- 組織資訊：使用貼上便籤法（affinity diagram）或電子表格進行分類。
- 識別主題：找出使用者反饋中的共性模式（痛點、行為等）。
- 提煉洞察：基於主題，形成可推動設計最佳化的“洞察”（insight）。
根據研究最佳化設計（Iterate and Improve）
優先順序劃分：
- P0（必須修復）：影響主要流程、造成歧視或誤導的設計問題。
- P1/P2：其他重要但不緊急的問題。
設計高保真原型（High-Fidelity Prototype）
Mockup（視覺稿）與 Wireframe（線框圖）區別：
- 線框圖：結構、排版、功能草圖，重點在內容框架；
- 視覺稿：包含字型、顏色、圖示、排版等視覺元素，更接近最終產品。
Mockup 必備要素：
- 字型排版（Typography）：提升可讀性、層級與美感。
- 色彩應用（Color）：傳達情緒與品牌特質。
- 圖示設計（Iconography）：幫助使用者理解功能，如漢堡選單圖示。
- 頁面佈局（Layouts）：合理組織頁面元素，突出重點內容。
- 視覺設計原則：強調統一性、多樣性、比例與重點等。
建立設計系統（Design System）
- 提高效率，統一風格；
- 保證跨裝置設計一致性。
內容包括：字型、顏色、按鈕、佈局、圖示、插圖、動畫等。
工具提示：
使用 Figma 建立元件庫（sticker sheet）；
可使用 UI Kit（如 Google Material）快速啟動。
再次進行高保真可用性測試（Usability Study for Hi-Fi Prototype）
- 聚焦互動體驗（如動效、按鈕響應等）；
- 確保使用正確裝置測試（移動優先或桌面優先，依使用者而定）；
- 招募符合社群屬性的測試參與者；
- 記錄詳細反饋，整理筆記、整理洞察並進行設計迭代。
跨裝置體驗設計與資訊架構（Responsive Design & IA）
裝置選擇策略：
- 基於使用者所在地、使用場景、網路情況等；
- 舉例：Red Cross 網站 vs App —— 網站用於資訊與動員，App 專注於獻血功能。
資訊架構（IA）與網站地圖（Sitemap）建立步驟：
- 研究同類網站頁面結構；
- 回顧使用者目標與痛點；
- 選擇結構型別（線性、層級、矩陣等）；
- 列出首頁與主要導航頁面；
- 增加子分類頁面（子頁面）；
- 反覆評估使用者路徑，確保流程順暢清晰。
撰寫案例研究（Case Studies for Your Portfolio）
案例研究應包含：
- 專案目標與具體任務；
- 你的角色與職責；
- 研究方法與洞察結果；
- 設計流程與產出（草圖、線框、原型、成品等）；
- 遇到的挑戰與解決方式；
- 專案結果與收穫。
展示形式：
- 內容應精簡易讀；
- 用清晰視覺語言呈現；
- 聚焦設計過程及成果，而非僅展示“最終產品”。
總結與未來規劃（Summary & Next Steps）
你已全面瞭解構建一個專業 UX 作品集的流程：
- 理解使用者 → 明確問題 → 發想方案 → 構建原型 → 測試迭代 → 完成視覺設計；
- 建立設計系統與資訊架構，適配多種裝置；
- 展示設計成果的同時，呈現設計思考與成長過程。
繼續新增新專案、撰寫新案例研究，你的作品集將越來越有深度與說服力。未來可隨時回顧這套流程，不斷最佳化與更新。祝你設計順利，前程似錦！